<template>
    <div class="tables">
      <div class="categoryWrap rightQ">
        <div class="operatingBtn">
          <el-button @click="quXiao">取 消</el-button>
          <el-button @click="quXiao" type="primary">保 存</el-button>
        </div>
      </div>

        <div class="moKuai">
          <h3>基本信息</h3>
          <div class="serchLeft">
            <div>
              <span>客户名称 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>联系人 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>联系方式 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
         <div class="serchLeft">
            <div>
              <span>行业 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>区域 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>法定代表人 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
        <div class="serchLeft">
            <div>
              <span>公司网址 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>电子邮件 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
         <div class="serchLeft">
            <div>
              <span>地址 :</span>
              <el-input clearable placeholder="请输入"  v-model="value" > </el-input>
            </div>
            <div>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
        <div class="serchLeft">
            <div class="fuWenBen">
              <span>经营范围 :</span>
              <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入内容"  v-model="value" > </el-input>
            </div>
        </div>
      </div>

      <div class="moKuai">
          <h3>开票信息</h3>
          <div class="serchLeft">
            <div>
              <span>收款单位 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>收款账户 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>收款银行 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
         <div class="serchLeft">
            <div>
              <span>纳税人识别号 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>联系方式 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
      </div>

       <div class="moKuai">
          <h3>客户等级</h3>
          <div class="serchLeft">
            <div>
              <span>合作金额 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>合作利润金额 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>客户等级 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
         <div class="serchLeft">
            <div>
              <span>额度 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>账期 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
        <div class="serchLeft">
            <div class="fuWenBen">
              <span>备注 :</span>
              <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入内容"  v-model="value" > </el-input>
            </div>
        </div>
      </div>
      <div class="moKuai">
          <h3>客户负责人</h3>
          <div class="serchLeft">
            <div>
              <span>负责人 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
            <div>
              <span>负责人编号 : </span>
              <el-input clearable placeholder="请输入" v-model="value" > </el-input>
            </div>
        </div>
      </div>
      <div class="moKuai">
          <h3>活动信息</h3>
        <div class="serchLeft">
            <div class="fuWenBen">
              <span>信息 :</span>
              <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入内容"  v-model="value" > </el-input>
            </div>
        </div>
      </div>
      
    </div>
</template>
<script>
export default {
  data() {
    return {
        value:""
    };
  },
  methods: {
    quXiao(){
      this.$router.go(-1)
    }
  },
};
</script>
<style lang="scss" scoped>
.wid {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #f5f5f5;
  .topButton {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .categoryWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    box-sizing: border-box;
    padding-bottom: 0;
    
    .operatingBtn {
      display: flex;
      margin: 0 5px;
      align-items: center;
    }
  }
  .rightQ{
    justify-content: flex-end;
  }
  .moKuai{
    padding: 15px 20px;
    .serchLeft {
      width: 80%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      > div {
        margin-right: 30px;
        margin-bottom: 20px;
      }
      > div:nth-child(3n + 3) {
        margin-right: 0px;
      }
      span {
        width: 110px;
        color: #333;
        font-size: 16px;
        margin-right: 20px;
        display: inline-block;
      }
      .el-input, .el-select {
        width: 250px;
      }
      .el-input__inner {
        width: 250px;
      }
      .fuWenBen{
        width: 100%;
        display: flex;
        .el-textarea{
          flex: 1;
        }
      }
    }
  }
}
</style>>
